iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
Mobile Development

好好用的 flutter 套件系列 第 19

好好用的 flutter 套件 - Day 19 flutter_markdown

  • 分享至 

  • xImage
  •  

需求

markdown語法相信大家都有一定熟悉的程度,連鐵人賽文章也是用markdown語法
但flutter支援嗎 ? 答案是 YES 呀!
  

flutter_markdown - Readme

使用 Flutter 的 Markdown 渲染器。它支援 原始格式,
注意 ***但不支援內嵌 HTML***。
Markdown(
  controller: controller,
  selectable: true,
  data: 'Insert emoji here😀 ',
);

flutter_markdown - Install

直接在 pubspec.yaml 加上 flutter_markdown: ^0.6.17+4 ,然後pub get 
 dependencies:
  flutter_markdown: ^0.6.17+4

https://ithelp.ithome.com.tw/upload/images/20231003/20121643lzewnXZ62m.png

flutter_markdown - Example

在 /lib/main.dart 加入 程式
import 'package:flutter_markdown/flutter_markdown.dart';

宣告 markdown 文字

String mdstring = """ 
# 需求

_好好用的 flutter 套件 - Day 19 flutter_markdown_

## flutter_markdown - Install

dependencies:
flutter_markdown: ^0.6.17+4

  """;
MarkdownBody(
     data: mdstring
     ),

執行結果

https://ithelp.ithome.com.tw/upload/images/20231003/20121643qdl1kvjIQX.png

心得

flutter_markdown 是不是使用起來,就跟寫 markdown 語法一樣簡單呀!

上一篇
好好用的 flutter 套件 - Day 18 auto_size_text
下一篇
好好用的 flutter 套件 - Day 20 flutter_animate
系列文
好好用的 flutter 套件30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言